.center{
    margin-left: auto;margin-right: auto;
}
.container{
    width: 100%;
}
.index{
    width: 1240px;
    height: 20px;
}
.index p{
    font-size: 12px;
    color: #808183;
}
a{
    text-decoration: none;
    color: #808183;
}
.classify{
    width: 1240px;height:457px;
}
.classify h3{
    font-weight: normal;
    line-height: 2.9;
}
.classify-line{
    border: 0.5px solid #DFDFDF;
    margin-bottom: 20px;
    clear: both;
}
.goods{
    width: 1240px;height: 369px;
    display: flex;
}
.goods>div{
    width: 25%;height: 370px;
}
.goods>div img{
    margin-left: 18px;
    margin-bottom: 10px;
}
.goods>div a{
    font-size: 16px;
    color: #2F2C35;
    line-height: 2.8;
}
.goods>div p{
    color: #808183;
    font-size: 12px;
    line-height: 2.3;
}
.router {
    width: 180px;height: 326px;
    float: left;text-align: left;
    overflow: auto;
    border-right:1px solid#DEDEDE; 
    margin-right: 20px;
}
.router p:hover{
    color: red;
}
.battery{
    width: 142px;height: 326px;
    float: left;text-align: left;
    overflow: auto;margin-left: 10px;
    border-right:1px solid#DEDEDE; 
    margin-right: 20px;
}
.battery p:hover{
    color: red;
}
.card{
    width: 142px;height: 326px;
    float: left;text-align: left;
    overflow: auto;margin-left: 10px;
    border-right:1px solid#DEDEDE; 
    margin-right: 20px;
}
.card p:hover{
    color: red;
}
.protective{
    width: 142px;height: 326px;
    float: left;text-align: left;
    overflow: auto;margin-left: 10px;
    border-right:1px solid#DEDEDE; 
    margin-right: 20px;
    }
.protective p:hover{
    color: red;
}

.character{
    width: 142px;height: 326px;
    float: left;text-align: left;
    overflow: auto;margin-left: 10px;
    /* border-right:1px solid#DEDEDE;  */
    margin-right: 5px;
}
.character p:hover{
    color: red;
}